<template>
	<div class="indexbody">
		<top></top>
		<div class="main">
			<!--<banner></banner>-->
			<page-title><span class="">{{LangSet(['LP操作說明','LP Help'])}}</span></page-title>
			<div class="inside about ">
				<div class="pageContent">
					<!--中文-->
					<div v-if="lp==0">
						<div class="lptoken">
							<div class="b f32">什麼是LP Token？</div>
							<div class="mt10">LP Token是JustSwap流動性提供者權益憑證，用戶向JustSwap交易池提供流動性即可獲得該憑證，可以通過此憑證提取相應交易池的Token。</div>
						</div>

						<div class="b c-red f24 mt10">看不懂什麼意思？接着看：</div>
						<div class="mt10">
							簡單的說，就是要在JustSwap上面，把交易池中要鎖定的2種幣滯押在上面，換取憑證（是一個數字值）
							然後才能在交易池中鎖定，就這麼簡單。<br>
							相對的，在交易池中解鎖之後，才能在JustSwap中移除滯押。
						</div>
						<div class="b f24 mt10">操作步驟：</div>
						<div class="picture">
							<p>在交易池點擊獲取對應TOKEN的連接</p>
							<img src="images/QQ20201006132443.png" alt="">

							<p>也可以在交易池選中之後點擊這裡</p>
							<img src="images/QQ20201006132237.png" alt="">


							<p>進入獲取頁面之後，填寫第一欄的TRX值，第二欄的值會自動換算</p>
							<img src="images/QQ20201006125836.png" alt="">

							<p>滾動到最下面點「提供」</p>
							<img src="images/QQ20201006125949.png" alt="">

							<p>確認可以換取到的交易池TOKEN數量（就是圖中的資金池代幣），然後點確認提供。</p>
							<img src="images/QQ20201006130009.png" alt="">

							<p>使用錢包授權之後，會提示已提交交易。並且會在幾秒鐘之後提示換取成功，返回交易池即可操作。</p>
							<img src="images/QQ20201006123717.png" alt="">
						</div>
					</div>

					<!--英文-->
					<div v-if="lp==1">
						<div class="lptoken">
							<div class="b f32">What's LP Token？</div>
							<div class="mt10">LP Token is the certificate of equity held by JustSwap liquidity providers. Users who provide liquidity to JustSwap pools will receive such certificate, which can be used to withdraw tokens from the corresponding pool.</div>
						</div>

						<div class="b c-red f24 mt10">what?you don't know whwat talking about on upper?? Go on：</div>
						<div class="mt10">
							well,Let's in short，U must pledge the two kinds currency of deal Pool on the JustSwap to swap flowability Token (a number),
							then you can make a deal，so easy。<br>
							Opposite，do a Unlock on the pool，then you can remove the pledge on JustSwap。

						</div>
						<div class="b f24 mt10">Step：</div>
						<div class="picture">
							<p>Click here</p>
							<img src="images/QQ20201006132443.png" alt="">

							<p>Or click here</p>
							<img src="images/QQ20201006132237.png" alt="">


							<p>Then，Write the trx amount on first row，and the data on second row will be auto compute.</p>
							<img src="images/QQ20201006125836.png" alt="">

							<p>Scroll to bottm and click this button</p>
							<img src="images/QQ20201006125949.png" alt="">

							<p>Confirm the pool-token conversion amount,（The Number on the top red cicle area），then click the confirm button。</p>
							<img src="images/QQ20201006130009.png" alt="">

							<p>And，step by step...Congratulations!</p>
							<img src="images/QQ20201006123717.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--main 结束 -->
		<footter></footter>
	</div>
</template>

<script type="text/javascript">

	/*加载资源*/
	import { mixins } from '@/mixins/mixins' //公共混入
	import { mixinsUtils } from '@/mixins/mixins.utils' //公共混入

	/*组件*/
	import top from '@/components/top.vue'
	import footter from "@/components/footer.vue"
	import banner from '@/components/banner.vue'
	import pageTitle from '@/components/pageTitle.vue'

	export default {
		name:"lp",
		components: { top,footter,banner,pageTitle },
		mixins:[mixins,mixinsUtils],
		data () {
			return {

			};
		},
		created () {

		},
		methods:{

		}
	};
</script>

<style lang="less" scoped>
	/*公共变量*/
	@import '~@/assets/global.less';

	.inside {font-size: 16px;background: #fff;}

	.pageContent {max-width: 90%;margin:20px auto 0px ;}
	.lptoken{font-size:16px;}
	.picture {
		font-size: 16px;
		p{margin-top: 20px;}
		p:after{content:"↓"}
		img{width:auto;margin-top: 10px;border-radius:10px;box-shadow:5px 5px 20px rgba(0,0,0,0.2)}
	}


	/**********************适应************************/
	@media screen and (max-width: @MINSCREEN) {
		.pageContent {max-width: 96%;margin:0px auto 0px ;}
		.picture img{
			width:100%;margin-top: 10px;border-radius:10px;box-shadow:5px 5px 20px rgba(0,0,0,0.2)
		}
	}
</style>
